<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2021/6/23
  Time: 8:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>住房公积金</title>
    <style>
      *{
        padding: 0;
        margin: 0;
        border: 0;
      }
      body{
        background-color:#afeeee;
          background: url("image/9.png");
          background-repeat: no-repeat;
          /*opacity: 0.6;*/
      }
      h1{
        background-color: #87cecb ;
        height: 50px;
        color: white;
          top: 10px;
          font-size: 35px;
          font-weight: bold;
          font-family: 楷体;
        text-align: center;
      }
      h2{
        color: black;
        float: right;
          font-size: 20px;
          font-family: 楷体;
      }
      .class1{
        margin: 20px ;
        float: left;
      }
      .class2{
        /*background-color: white;
        border: 2px white solid;
        width: 400px;
        height: 600px;
        text-align: center;*/
      }
      form{
        background-color: white;
          border: 2px cornflowerblue solid;
          /*opacity: 0.8;*/
        width: 340px;
        height: 400px;
        margin: 35px 50px 10px 540px;
      }
      footer {
        background-color: #87cecb ;
        height: 50px;
        color: white;
        text-align: center;
      }
      a{
          font-family: 楷体;
          color:black;
          font-size: 20px;
          text-align: center;
          margin: 0px 0px 0px 50px;
      }
      a:hover{
          color: cornflowerblue;
      }
     /* .class6{
          opacity:0.6;
      }*/
      /*.class7{
          width: 380px;
          height: 450px;
          position:relative;
      }*/
      .class7{
          font-size:26px;
          font-family: 楷体;
          text-align: center;
      }
      .class8{
          font-size: 40px;
          font-family: 楷体;
          text-align: center;
      }
      .class9{
          font-size: 40px;
          font-family: 楷体;
          text-align: center;
      }
      .class10{
          font-size: 40px;
          font-family: 楷体;
          text-align: center;
      }
      .admini{
          font-size: 40px;
          font-family: 楷体;
          text-align: center;
      }
      .class11{
          font-family: 楷体;
          font-size:16px;
          color: white;
      }
    </style>
  </head>
  <body>
    <h1>642住房公积金欢迎你的访问！</h1>
  <h2>我们将为你提供最贴心的服务！</h2>
    <br><br><br><br>
  <div class="class1">
  </div>
    <div class="class2">
      <form action="" method="post" >
          <div class="class7">
          <br>
              网上业务登录平台
          </div>
          <br><br>
        <a href="personaluser.jsp"target="_self" class="class8"><strong style="background-color:#87cecb">个人用户登录</strong></a>
          <br><br>
        <a href="enterpriseuser.jsp" target="_self"class="class9"><strong style="background-color: #87cecb">企业用户登录</strong> </a>
          <br><br>
          <a href="register.jsp" target="_self" class="class10"><strong style="background-color:#87cecb">建立个人账户</strong></a>
          <br><br>
          <a href="administratar.jsp" target="_self" class="admini"><strong style="background-color: #87cecb">管理员登录页</strong></a>

      </form>
    </div>
  <footer>
    <div class="class4">
        <a href="null.jsp" target="_blank" class="class11">关于642住房公积金</a>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">本站声明</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">新手指南</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp"target="_blank" class="class11">联系我们</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
    </div>
    <div class="class5">
      <a href="null.jsp" target="_blank" class="class11">技术支持电话：123456789</a>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
      &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">住房公积金投诉举报电话：987654321</a>
    </div>
  </footer>
  </body>
</html>
